$borderRadius: 20px;
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 使布局占据整个视口高度 */
  background: url("@/assets/images/bg.jpg") no-repeat;
  background-size: cover;
  .login-box {
    width: 800px;
    height: 500px;
    display: flex;
    box-shadow: 0 0 5px rgba(81, 80, 80, 0.1);
    border-radius: $borderRadius;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    &:hover {
      box-shadow: 0 0 30px rgba(26, 25, 25, 0.3);
      // transform: translateY(-2px);
    }
    .left-section {
      flex: 1; /* 左侧占据剩余空间的一半 */
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.8);
      border-top-left-radius: $borderRadius;
      border-bottom-left-radius: $borderRadius;
    }

    .right-section {
      flex: 1; /* 右侧占据剩余空间的一半 */
      padding: 20px;
      background-color: rgba(111, 107, 107, 0.8);
      border-top-right-radius: $borderRadius;
      border-bottom-right-radius: $borderRadius;
      .title {
        font-family: "DongFang";
        font-size: 60px;
        text-align: center;
        line-height: 80px;
        letter-spacing: 20px;
        // 文字描边
        -webkit-text-stroke: 1px #f4f7fb;
      }
      .form-box {
        width: 80%;
        margin: 20px auto;
      }
    }
  }
}
